<template>
  <div>
    <div class="footer">
      <el-row>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <img class="logo" :src="prop.bottomLogo" alt>
          </div>
        </el-col>
        <el-col :span="14">
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light text-right">
            <el-button icon="el-icon-search" circle></el-button>
          </div>
        </el-col>
      </el-row>
      <div class="foot_copyright">
        {{prop.copyright}}
        <a :href="prop.beian.url" target="_blank">{{prop.beian.text}}</a>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    props: ['prop'],
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>
<style>
  .logo{
    width: 100%;
  }
  .footer{
    background: #2d3237;
    padding: 35px 0;
    color: #5f676f;
  }
  .footer .el-row{
    max-width: 1200px;
    margin: 0 auto;
  }
  .foot_copyright{
    color: #fff;
    text-align: center;
  }
</style>
